<script setup lang="ts">
import commentList from "../components/homepageComponents/CommentList.vue";
import moviePoster from "../components/homepageComponents/MoviePoster.vue";
import searchview from "../views/SearchView.vue";
import {getCurrentInstance, ref} from "vue";
import {ElIcon} from "element-plus";
import SearchBar from "@/components/homepageComponents/SearchBar.vue";
const homepageList = ref([]);
const instance = getCurrentInstance();
if (instance) {
  const global = instance.appContext.config.globalProperties;
  global.$http.get('/public/homepage/queryall')
      .then(resp => {
        console.log(resp.data);
        homepageList.value = resp.data;
      })
      .catch(err => {
        console.error(new Error(err));
      });
}
</script>

<template>
<searchview></searchview>
  <moviePoster></moviePoster>
<commentList></commentList>
</template>

<style scoped>
.text-center {
  font-size: 35px;
  width: 100%;
  cursor: pointer;
}
</style>